<template>
  <div>
    <div class="tab">
      <el-card>
        <div class="but_menu">
          <el-button type="primary" size="mini" class="el-icon-edit">
            修改菜单
          </el-button>
        </div>
        <el-table :data="PermissionList" style="width: 100%">
          <!-- 菜单名称 -->
          <el-table-column prop="name" label="菜单名称" width="380" />

          <!-- 权限标识 -->
          <el-table-column prop="name" label="权限标识" width="380" />

          <!-- 描述 -->
          <el-table-column prop="name" label="描述" width="380" />

          <!-- 操作 -->
          <el-table-column prop="name" label="操作" width="480">
            <template>
              <el-button>添加权限点</el-button>
            </template>
          </el-table-column>
        </el-table>
      </el-card>
    </div>
  </div>
</template>

<script lang="js">
export default {
  name: 'Permission',
  data() {
    return {
      PermissionList: [{
        name: '1'
      }]
    }
  }
}
</script>

<style lang="scss" scope>
.tab {
  margin: 30px 30px;
  .but_menu {
    text-align: right;
  }
}
</style>
